<template>
	<view>
		<!-- ios支付联系客服弹窗 -->
		<!-- <u-popup v-model="customPop" mode="center" border-radius="14">
			<view class="custom-pop">
				<view class="title-pop flex-row flex-1 justify-center">
					标题
				</view>
				<view class="cont-pop">
					确定购买？请联系客服
				</view>
				<view class="btn-pop flex-row">
					<view class="btn-cancel-pop flex-row flex-1 items-center justify-center">
						取消
					</view>
					<view class="btn-confirm-pop flex-row flex-1 items-center justify-center">
						联系客服
					</view>
				</view>
			</view>
		</u-popup> -->
		<u-popup v-model="customPop" mode="center" border-radius="20" @close="close">
			<view class="popup">
				<view class="pop-title flex-row justify-center">
					标题
				</view>
				<view class="flex-row justify-between">

					<view class="pop-card-num1 flex-row justify-center items-center">
						确定购买？请联系客服
						<!-- 确定购买？去充值中心 -->
					</view>
				</view>
				<view class="pop-bottom flex-row justify-between">
					<button open-type="contact" class="kefu-btn">
						<view class="pop-bt-btn1">
							联系客服
						</view>
					</button>
					<!-- <button class="kefu-btn" @click="submit">
						<view class="pop-bt-btn1">
							去充值
						</view>
					</button> -->
					<view @click="close" class="pop-bt-btn2">
						取消
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				customPop: false,
				// url: 'https://terminator.axu9.com/h5/'
			}
		},
		methods: {
			open() {
				this.customPop = true;
			},
			close() {
				this.customPop = false;
			},
			// submit(){
			// 	console.log('哈哈哈哈')
			// 	uni.navigateTo({
			// 		url: '/pagesHome/webview/index?url=' + this.url
			// 	})
			// }
		}
	}
</script>

<style>
	@import "../../static/css/common.css";

	.kefu-btn {
		background-color: transparent;
		/* 设置为透明背景（如果需要） */
		outline: none;
		/* 去除点击时的焦点框（可选） */
		cursor: pointer;
		/* 鼠标悬停时显示手指形状，表示可点击（可选） */
		/* height: 102rpx; */
		width: 227rpx;
		height: 68rpx;
		padding: 0;
		margin: 0;
	}

	.kefu-btn::after {
		border: none;
	}

	/* 弹窗 */
	.popup {
		padding: 50rpx 30rpx 77rpx;
		background-image: linear-gradient(0deg, #f5f5f5 0%, #dbfff5 100%);
		border-radius: 20rpx;
		width: 552rpx;
	}

	.pop-title {
		margin-left: 7rpx;
		color: #333333;
		font-size: 36rpx;
		font-family: Adobe Heiti Std;
		line-height: 34rpx;
		margin-bottom: 20rpx;
	}

	.pop-card-type {
		padding: 32rpx 54rpx;
		background-color: #ffffff;
		border-radius: 8rpx;
		height: 92rpx;
	}

	.pop-input {
		width: 80%;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #98a0a9;
		text-align: center;
	}

	.pop-placeholder {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #98a0a9;
	}

	.pop-text {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #98a0a9;
		margin-right: 6rpx;
	}

	.pop-card-num1 {
		padding: 32rpx 0;
		border-radius: 8rpx;
		width: 100%;
		height: 92rpx;
	}

	.pop-down-icon {
		width: 14rpx;
		height: 9rpx;
	}

	.pop-xiaohao {
		margin-left: 20rpx;
		margin-top: 37rpx;
		color: #666666;
		font-size: 30rpx;
		font-family: Adobe Heiti Std;
		line-height: 29rpx;
	}

	.pop-bottom {
		margin-top: 48rpx;

	}

	.pop-bt-btn1 {
		background-image: linear-gradient(90deg, #00ccbb 0%, #00e586 100%);
		border-radius: 34rpx;
		width: 227rpx;
		height: 68rpx;
		font-size: 30rpx;
		font-family: Adobe Heiti Std;
		line-height: 68rpx;
		color: #ffffff;
		text-align: center;
	}

	.pop-bt-btn2 {
		background-color: #ffffff;
		border-radius: 34rpx;
		width: 227rpx;
		height: 68rpx;
		font-size: 30rpx;
		font-family: Adobe Heiti Std;
		line-height: 68rpx;
		color: #9da4b1;
		text-align: center;
	}
</style>